<template>
    <div>
      <form>
        商品名称:<input type="text" v-model="product.productName"><br>
        商品价格:<input type="text" v-model="product.price"><br>
        商品价格:<input type="date" v-model="product.createTime"><br>
      </form>
      <button @click="sub">提交</button>
    </div>
</template>

<script>
    export default {
        name: "",
        data(){
          return{
            product:{}
          }
        },
      methods:{
          sub:function () {
            this.$axios.post("http://localhost:8080/product/updateOrSave",this.product).then(res=>{
              this.$router.push("/")
            })
          }
      },
      mounted(){
          //利用传入的对象，减少去后台查询
         var pro= this.$route.params.product;
         if (pro!=null){
           this.product=pro;
         }
      }
    }
</script>

<style scoped>

</style>
